@charset "utf-8";
/*首页index*/
@import  "helpers/_mixins.scss";                  //常用变量定义
@import  "components/banner.scss";                  //banner

%indexlayout {
	width:1000px;
	margin:0 auto;
	padding:0px;
}
.disclaimer{
	background: #fff;
	font-size: 14px;
	color: #5e5e5e;
	padding: 25px 15px 20px;
	p{
		padding-top: 15px; 
	}
	.fn_ti{
        text-indent: 32px; 
	}
	.fn-we{
        font-weight: 800;
	}
	span{
		display: block;
		padding-top:5px;
		color: #000;
	}
	.title{
		font-size:24px;
		width: 100px;
		margin: 0 auto;
		padding-bottom: 5px;
		border-bottom: 2px solid $seColor;
	}
}
.agreement{
	.title{
		width: 150px;
	}
}

.culture{
	.banner_list{
		height: 330px;
		background: url(../images/culture.jpg);
		background-position: center;
	}
	li{
		width: 100%;
		height: 385px;
		margin-top: 20px;
		position: relative;
		.photo{
			width: 352px;
			height: 100%;
			img{
				width: 100%;
				height: 100%;
			}
		}
		.position_r{
			position: absolute;
			right: 0;
			top: 0;
		}
		.position_l{
			position: absolute;
			left: 0;
			top: 0;
		}
		.container{
			/*width: 646px;*/
			height: 100%;
		}
	}
}
.banner li{
  display: none;
}
.banner li.show{
  display: block;
}
.development{
	.banner_list{
		height: 330px;
		background: url(../images/development.jpg);
		background-position: center;
	}
	.data{
		width: 820px;
		height: 15px;
		background:#efe9e7;
		margin: 100px auto;
		li{
			float: left;
			width: 34px;
			height: 7px;
			margin-top: 4px;
			/*background: #ff9c00;*/
			position: relative;
			a{
				display: inline-block;
				width: 25px;
			    height: 7px;
			    position: absolute;
			    left: 0;
			    top: 0;
			}
		}
		.year{
			i{
				width: 19px;
				height: 19px;
				background: url(../images/de_icon.png);
				position: absolute;
				left: -10px;
				top:-6px;
			}
			i.data_year{
				width: 48px;
				height: 20px;
				display: inline-block;
				position: absolute;
				top:-30px;
				left: -20px;
			}
			.one{
				background: url(../images/2016.png);
			}
			.two{
				width: 73px;
				height: 29px;
				display: inline-block;
				position: absolute;
				top:-40px;
				left: -40px;
				background: url(../images/2017.png);
			}
			.three{
				background: url(../images/2018.png);
			}
		}
		.last_year{
			width: 4px;
		}
		.month{
			.i{
				width: 27px;
				height: 27px;
				position: absolute;
				left: -10px;
				top: -9px;
			}
			.active{
				background: url(../images/active.png);
			}
		}
	}
	.banner{
		background: #fff;
	    .layout{
	    	height: 160px;
	    	padding: 90px 0;
	    	.prev{
	    		width: 30px;
	    	    height: 58px;
	    		background: url(../images/prev.png);
	    		left: 0;
	    	}
	    	.next{
	    		width: 30px;
	    	    height: 58px;
	    	    right: 0;
	    		background: url(../images/prev.png);
	    		transform:rotate(180deg);
	    	}
	    }
	    ul{
	    	width: 860px;
	    	margin: 0 auto;
	    }
	    li{
	    	height: 160px;
	    	margin-top: 85px;
	    	overflow: visible;
	    }
	    .data_year{
	    	width: 400px;
	    	height: 100%;
	    	font-size: 100px;
	    	color: #ff9c00;
	    	text-align: center;
	    	position: relative;
	    	float: left;
	    	.year{
	    		position: absolute;
	    		left: 70px;
	    		top: -45px;
	    	}
	    	.month{
	    		position: absolute;
	    		left: 70px;
	    		bottom: -20px;
	    	}
	    }
	    .container{
	    	width:360px;
	    	height: 100%;
	    	font-size: 16px;
	    	color: #efe9e7;
	    	float: left;
	    }
	    /*.prev{
	    	width: 30px;
	    	height: 58px;
	    	display: inline-block;
	    	background: url(../images/prev.png);
	    	position: absolute;
	    	left: 0;
	    	top: 141px;
	    }
	      .next{
	    	width: 30px;
	    	height: 58px;
	    	display: inline-block;
	    	background: url(../images/prev.png);
	    	position: absolute;
	    	right: 0;
	    	top: 141px;
	    	transform:rotate(180deg);
	    }*/
	}
}